@charset "utf-8";
/* CSS Document */



/*@media screen and (min-width:1440px) and (max-width:1600px){}*/

@media screen and (max-width:768px){    

html,div, h1, h2, h4, h5, h6, ul, ol, dl, li, dt, dd,p, blockquote, pre, form, fieldset,  span a{padding:0px;/*margin:0px;*/ line-height:25px;}
body{ margin:0px; padding:0px;font-family:Microsoft YAHEI,Arial,Verdana;font-size:14px;color:#5f5f5f; }
a{ color:#5f5f5f; text-decoration:none;}
a:hover{ color:#0393DD; text-decoration:none;}
img{ border:0px; -ms-interpolation-mode: bicubic; width:100%; }
.clear{clear:both;}
.width1{ width:100%;}
.width2{ width:1000px; margin:0 auto;}
.width3{ width:980px; margin:0 auto;}
.floatleft{ float:left;}
.floatright{ float:right;}
ul{ list-style:none;}
/* 移动端定义字体的代码 */
#whole{ width:100%;  height:auto;}
#top{ width:100%; height:40px; }
#m_logo { float:left; width:70%; margin-left:20%;}
#m_logo img{ width:100%; height:40px; }
#m_banner{ width:100%; }
#m_banner img{ width:100%;}
/*#nav_bj{ width:100%; background:#9670BD; min-height:100px; height:25%;}
#nav{ width:95%; margin:auto;min-height:100px;height:25%;}
*/
#li { width:30%; float:left; padding-left:2%; padding-top:4%;}
#li img{width:100%;}
.title{ width:100%; margin:auto; padding-top:10px;}
.title img{width:100%;}
#ab_bj{ width:100%; height:auto; background:#E8F3F7; margin:0px; padding:0px; color:#666;}
#ab_bj p { line-height:20px; padding:4%; text-align:justify;  margin:auto;}
#ab_bj p a{ color:#0550AB;}
#ab_bj b{ color:#6600FF;}
.tu{ width:100%;}

/*导航*/
a.button,
span.button,
select,
input[type="text"]
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	border-radius: 5px;
	text-transform: none;
	text-indent: 0;
	font-weight: bold;
	vertical-align: middle;
	line-height: 20px;
	display: block;
	height: 40px;
	width: 100%;
	padding: 10px;
}
a.button,
span.button
{
	background: #4BD963;
	color: #fff !important;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
}
select,
input[type="text"]
{
	background: #fff;
	border: 1px solid #ccc;
}
.mm-label.button
{
	text-indent: 0 !important;
	padding: 20px 20px 40px 20px !important;
}

pre
{
	font-size: 12px;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
nav:not(.mm-menu)
{
	display: none;
}

.header,
.content,
.footer
{
	text-align: center;
}
.header,
.footer
{
	background: #065CC1;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	width: 100%;
	height: 40px;
	padding: 0 50px;
}
.header a
{
	background: center center no-repeat transparent;
	
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
}
.header a.contacts
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}
.header a.right
{
	left: auto;
	right: 10px;
}
.content
{
	padding: 150px 50px 50px 50px;
}
.header.mm-fixed-top + .content
{
	background-position: 25px 55px;
}


html.mm-opened.mm-zoom-menu body
{
	 background: #333;
}
html.mm-opened.mm-zoom-menu .mm-page
{
	background-color: #fff;
}



#pro{width:95%; margin:auto;}
.cp_list{ width:98%; margin:auto; margin-top:15px; }
.cp_list li{  width:45%;;
    margin-top:4%; margin-bottom:5%;
    border:#ccc 1px solid;
    vertical-align:middle;
    text-align:center;
    display:table-cell; float:left; margin-left:2%;
	}
	
.cp_list span {
    display:inline-block;
    height:100%;
    vertical-align:middle;
	overflow:hidden;
}

.cp_list img { width:100%;  vertical-align:middle;  }


.more{ width:25%; margin:auto; padding-top:15px; padding-bottom:1%;}

#new{width:95%; margin:auto;}
.news_list{width:95%; padding-top:2%; height:30px; border-bottom:1px #CCCCCC dashed; color:#0e92ce; }
.news_list span{float:right; color:#525252;}

#cont_bj{ width:100%; text-align:left; background:url(../images/tell_bj.jpg) right no-repeat; height:auto;}
#cont_bj p{  line-height:15px; height:15px; text-align:left;}



#fot_bj{ width:100%; height:auto; background:#065CC1;}
#fot{ width:98%; color:#fff; line-height:25px; text-align:center; font-size:10px;}
#fot a{color:#fff; }


.ny_m { width:100%; margin:auto; padding:0px; min-height:300px;    }
.ny_m p{ text-align:justify;}


#cp_list_m{ width:100%;  color:#666; margin-bottom:10px;}

#cp_list_m li { width:100%; border-bottom:1px dashed #999999; height:26px; line-height:26px; }
#cp_list_m li img { width:100%; height:auto; overflow:hidden;}

#cp_list_m li a { padding-left:2%;}

.tu_news_m { width:100%; height:80px; border-bottom:1px #999999 dashed;  }
.tu_news_m img{ float:left; width:20%; padding-left:3%; padding-top:3%; padding-right:2%; padding-bottom:3%;}
.tu_news_m p { /*line-height:22px;*/padding-bottom:2%;word-break: break-all; word-wrap:break-word; float:left;}
.tu_news_m a { color:#0e92ce;}
#next{ width:100%; text-align:center; margin:auto;/* margin-top:25px;*/ }

/*---------- viewbox ---------*/
.viewbox{
	/*width:712px;*/
	overflow:hidden;
	padding-bottom:8px;
}
.viewbox .title2{
	height:30px;
	text-align:center;
	
}
.viewbox .title2 h3{padding:0px; margin:auto;}

.viewbox .title2 h2{
	font-size:24px;
	color:#2b2b2b;
}
.viewbox .info{
	height:24px;
	line-height:17px;
	text-align:center;
	overflow:hidden;
	color:#666;
}
.viewbox .info small{
	margin-left:8px;
	margin-right:3px;
	color:#999;
	font-size:12px;
}
.viewbox .info a{
	color:#690;
}
.viewbox .intro{
	width:90%;
	padding:8px 16px;
	line-height:24px;
	background:#f5fcee;
	border:1px solid #DCDDDD;
	font-size:14px;
	color:#706A6A;
	margin:8px auto 0 auto;
}
.viewbox .infolist{
	width:368px;
	float:left;
}
.viewbox .infolist small{
	width:100px;
	text-align:right;
	display:block;
	float:left;
	font-size:12px;
	line-height:31px;
	color:#999;
	clear:left;
	height:31px;
	overflow:hidden;
}
.viewbox .infolist span{
	width:200px;
	line-height:30px;
	float:left;
	height:31px;
	overflow:hidden;
}
.viewbox .picview{
	width:320px;
	float:right;
	padding-right:24px;
	padding-top:16px;
}
.viewbox .labeltitle{
	height:23px;
	background:url(../images/view-labeltitle-bg.gif) left 10px repeat-x;
	clear:both;
	overflow:hidden;
	margin:0px auto 0px;
	padding-top:10px;
}
.viewbox .labeltitle strong{
	width:80px;
	height:23px;
	line-height:23px;
	text-align:center;
	color:#FFF;
	letter-spacing:1px;
	display:block;
	float:left;
	background:url(../images/view-labeltitle-bg.gif) left -44px no-repeat;
	overflow:hidden;
}

.viewbox .content{
	font-size:14px;
	padding:8px 8px;
	line-height:25px;
	color:#333;
	white-space:normal;
	text-align:justify;
 word-wrap:break-word; 

}
.viewbox .dede_pages{
	width:712px;
	float:none;
	overflow:hidden;
	text-align:center;
}
.viewbox .dede_pages ul{
	margin:0px auto;
	float:none;
	clear:both;
	overflow:hidden;
	text-align:center;
	white-space:nowrap;
}
.viewbox .dede_pages ul li,.viewbox .dede_pages ul li a{
	float:none;
	display:inline;
}
.viewbox .boxoff{
	height:10px;
	overflow:hidden;
	clear:both;
	background:url(../images/boxoff.gif) left 15px repeat-x;
	margin:4px auto;
	padding-top:10px;
}
.viewbox .boxoff strong{
	display:block;
	width:8px;
	height:10px;
	overflow:hidden;
	font-size:0px;
	line-height:100px;
	background:url(../images/boxoff.gif) right -10px no-repeat;
	float:left;
}
.viewbox .newdigg{
	width:406px;
	height:51px;
	margin:8px auto;
	clear:both;
	overflow:hidden;
	padding-left:8px;
}
.viewbox .diggbox{
	width:195px;
	height:51px;
	float:left;
	margin-right:8px;
	overflow:hidden;
	cursor:pointer;
}
.viewbox .diggbox .digg_act{
	font-size:14px;
	float:left;
	line-height:31px;
	text-indent:32px;
	height:29px;
	overflow:hidden;
	font-weight:bold;
}
.viewbox .diggbox .digg_num{
	float:left;
	line-height:29px;
	text-indent:5px;
}
.viewbox .diggbox .digg_percent{
	width:180px;
	clear:both;
	padding-left:10px;
	overflow:hidden;
}
.viewbox .diggbox .digg_percent .digg_percent_bar{
	width:100px;
	height:7px;
	background:#E8E8E8;
	border-right:1px solid #CCC;
	float:left;
	overflow:hidden;
	margin-top:3px;
}
.viewbox .diggbox .digg_percent .digg_percent_num{
	font-size:10px;
	float:left;
	padding-left:10px;
}
.viewbox .diggbox .digg_percent .digg_percent_bar span{
	display:block;
	height:5px;
	overflow:hidden;
	background:#000;
}
.viewbox .newdigg .digg_good{
	background:url(../images/newdigg-bg.png) left top no-repeat;
}
.viewbox .newdigg .digg_bad{
	background:url(../images/newdigg-bg.png) right top no-repeat;
}
.viewbox .newdigg .digg_good .digg_act{
	color:#C30;	
}
.viewbox .newdigg .digg_good .digg_num{
	color:#C63;
}
.viewbox .newdigg .digg_bad .digg_act{
	color:#36C;	
}
.viewbox .newdigg .digg_bad .digg_num{
	color:#39C;
}
.viewbox .newdigg .digg_good .digg_percent .digg_percent_bar span{
	border:1px solid #E37F24;
	background:#FFC535;
}
.viewbox .newdigg .digg_bad .digg_percent .digg_percent_bar span{
	border:1px solid #689ACC;
	background:#94C0E4;
}
.viewbox .handle{
	height:59px;
	padding-top:12px;
	overflow:hidden;
	clear:both;
}
.viewbox .handle .digg{
	width:59px;
	height:59px;
	float:left;
	background:url(../images/digg-bg.gif) no-repeat;
	margin-right:12px;
}
.viewbox .handle .digg .digg_num{
	width:56px;
	height:34px;
	font-size:20px;
	text-align:center;
	line-height:34px;
	overflow:hidden;
	color:#6B9169;
}
.viewbox .handle .digg .digg_act{
	width:56px;
	height:22px;
	line-height:23px;
	overflow:hidden;
}
.viewbox .handle .digg .digg_act a{
	margin-left:11px;
	color:#666;
	float:left;
}
.viewbox .handle .context{
	float:left;
}
.viewbox .handle .context ul li{
	line-height:29px;
	color:#888;
}
.viewbox .actbox{
	/*width:260px;*/
	text-align:center;
	float:right;
	padding-top:20px;
	padding-right:10px;
}
.viewbox .actbox ul li{
	display:inline;
	padding-left:22px;
	background-image:url(../images/actbox-ico.gif);
	background-repeat:no-repeat;
	margin-right:10px;
}
.viewbox .actbox ul li a{
	color:#666;
}
.viewbox .actbox ul li#act-fav{
	background-position:4px 0px;
}
.viewbox .actbox ul li#act-err{
	background-position:4px -37px;
}
.viewbox .actbox ul li#act-pus{
	background-position:4px -73px;
}
.viewbox .actbox ul li#act-pnt{
	background-position:4px -109px;
}
.viewbox .downurllist{
	width:100%;
	clear:both;
	overflow:hidden;
	
}
.viewbox .downurllist li{
	height:27px;
	background:url(../images/downurl-bg.gif) right top no-repeat;
	padding-right:4px;
	float:left;
	margin-right:10px;
	overflow:hidden;
	margin-top:10px;
}
.viewbox .downurllist li a{
	height:27px;
	background:url(../images/downurl-bg.gif) left top no-repeat;
	display:block;
	font-size:12px;
	color:#555;
	text-indent:30px;
	line-height:27px;
	float:left;
	padding-right:5px;
}
.viewbox .downurllist li a:hover{
	color:#F63;
	text-decoration:none;
}
.viewbox .picbox{
	width:100%;
	text-align:center;
	padding-top:10px;
	font-size:14px;
	line-height:31px;
	overflow:hidden;
}
.viewbox .picbox img{
	display:block;
	margin:16px auto 6px;
}
.viewbox .picbox ul.e8{
	font-size:12px;
	line-height:normal;
}
.viewbox .picbox ul.e8 li .pic{
	background:none;
	border:1px solid #EEE;
	overflow:hidden;
}
.viewbox .picbox ul.e8 img{
	margin:3px;
	border:none;
}
.viewbox .picbox ul.e8 li .title{
	padding-top:0px;
}
}
@media screen and (max-width:768px){
      /*不大于768px的设备尺寸中 响应式布局的特定样式*/
}
@media screen and (max-width:360px){
    
}
@media screen and (max-width:320px){
    
}